<template>
	<view class="page-index">
		<view class="listBox">
			<view class="listItem" v-for="(item,index) in cateList" :key="index"  @click="jump()" v-if="token">
				<image :src="item.image||'https://ddc.jishixiu.fun/uploads/20250903/7b1cfcb8772a9fc2e96027b257cd14ce.png'" mode="" class="listImage"></image>
				<view class="listItemRight">
					<view class="listItemRightLeft">
						<view class="title">
							<view class="titleName">{{item.title}}</view>
							<view class="titleValue">{{item.tips||''}}</view>
						</view>
						<view class="price">参考价格¥{{item.price}}</view>
					</view>
					<view class="listItemRightRight">一键下单</view>
				</view>
			</view>
			<button class="listItem" v-for="(item,index) in cateList" :key="index"  open-type="getPhoneNumber" @getphonenumber="getPhoneNumber"  v-else>
				<image :src="item.image" mode="" class="listImage"></image>
				<view class="listItemRight">
					<view class="listItemRightLeft">
						<view class="title">
							<view class="titleName">{{item.title}}</view>
							<view class="titleValue">{{item.tips||''}}</view>
						</view>
						<view class="price">参考价格¥{{item.price}}</view>
					</view>
					<view class="listItemRightRight">一键下单</view>
				</view>
			</button>
		</view>
	</view>
</template>

<script src="./page.js"></script>

<style scoped lang="scss">
@import 'page.scss';
</style>
